<%= javascript_include_tag 'qrcode.min.js' %>
<style media="screen">
.masthead.segment {
  min-height: auto;
  padding: 1em 0em;
}
#qrcode img{
  display: block !important;
  width: 170px;
  height: 170px;
  text-align: center;
  left: 60px;
  position: relative;
}
#qrcode{
  text-align: center !important;
}
</style>
<div class="ui segment">
  <div class="ui main text container">
    <h2>我的分享</h2>
    <h3>商品：<%= @product.product_model_type %></h3>
    <div class="ui divider"></div>
    <%= image_tag Picture.find(@product.cover).image.url, class: "image", width: "100%" %>
    <div class="ui divider"></div>
    <h3>分享此页链接或者转发下方二维码，一级，二级分享者交易成功，您可获得佣金</h3>
    <div class="ui divider">

    </div>
    <div class="ui centered text" style="text-align:center;">
      <div id="qrcode"  style="text-align:center;"></div>
        <script type="text/javascript">
        new QRCode(document.getElementById("qrcode"), window.location.href);
        </script>
    </div>


    <!-- JiaThis Button BEGIN -->
    <!-- <div class="ui divider">

    </div>
<div class="jiathis_style">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_tools_1"></a>
	<a class="jiathis_button_tools_2"></a>
	<a class="jiathis_button_tools_3"></a>
	<a class="jiathis_button_tools_4"></a>
	<a href="http://www.jiathis.com/share?uid=2120621" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">
var jiathis_config = {data_track_clickback:'true'};
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=2120621" charset="utf-8"></script> -->
<!-- JiaThis Button END -->
  </div>
<br/><br/><br/>
</div>
